<template>
  <div class="question-detail">
    <el-row :gutter="20">
      <el-col :span="1" :offset="3">
        <div class="back">
          <i class="el-icon-back" @click="backPage"></i>
        </div>
      </el-col>
      <el-col :span="10">
        <QuetionDetailCard></QuetionDetailCard>
      </el-col>
      <el-col :span="5">
        <TotalCard></TotalCard>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import QuetionDetailCard from "@/components/community/questiondetail/QuetionDetailCard.vue";
import TotalCard from "@/components/community/TotalCard.vue";
export default {
  components: {
    QuetionDetailCard,
    TotalCard,
  },
  methods: {
    backPage() {
      console.log("backPage");
      this.$router.back();
    },
  },
};
</script>

<style scoped>
.question-detail {
  margin-top: 70px;
}
.back {
  display: flex;
  align-items: center;
  height: 35px;
  width: 35px;
  font-size: 30px;
  cursor: pointer; /* 添加鼠标悬浮时的样式 */
}
</style>